@import "./variables.scss";

.sc-form-vertical-item+.sc-form-vertical-item {
    margin-top: 16px;
}

.sc-form-vertical-item+.sc-form-vertical-operate {
    margin-top: 24px;
}

// 弃用
.sc-form-vertical-item {

    .sc-form-title {
        margin-bottom: 8px;
    }

    // 多个表单元素的组合。如两个下拉框放一起作为一个表单元素
    .sc-form-group {
        background-color: #1d212e;
        border-radius: 4px;

    }

    .el-button+.el-button {
        margin-left: 12px;
    }

    .sc-form-info {
        min-height: 12px;
        font-size: 12px;
        color: #616472;
    }
}

.el-divider {
    user-select: none;
    &.el-divider--horizontal {
        &.sc-form-divider {
            border-top: 1px dashed #666;
            background-color: transparent;
            margin: 12px 0 16px;
            height: 0;
        }

        &.sc-divider-green {
            border-top: 1px solid $green;
            background-color: transparent;
            height: 0;
            opacity: 0.5;
        }

        &.sc-divider {
            height: 0;
            background-color: transparent;
            border-top: 1px solid rgba(178, 181, 199, 0.2);

            &.el-divider--horizontal {
                width: auto;
            }
        }

        &.sc-divider-black {
            height: 0;
            background-color: transparent;
            border-top: 1px solid $splitBorderColor;
        }
    }

    &.el-divider--vertical {
        &.sc-divider {

            background-color: rgba(178, 181, 199, 0.2);
        }
    }
}

.sc-form-split {
    display: inline-block;
    vertical-align: middle;
    width: 0px;
    height: 12px;
    border: 1px solid #707070;
    opacity: 0.4;
}